// **
//  * prefix 前缀
//  * $style 样式名
//  * $value 样式值
//  *
@mixin prefix($style, $value) {
  #{$style}: $value;
  /* Opera: */
  -o-#{$style}: $value;
  /* IE */
  -ms-#{$style}: $value;
  /* Firefox: */
  -moz-#{$style}: $value;
  /* Safari 和 Chrome: */
  -webkit-#{$style}: $value;
}

// **
//  * round 圆角
//  * $radius 5px 圆角角度
//  *
@mixin round($radius:4px) {
  @include prefix(border-radius, $radius);
}

// **
//  * 隐藏滚动条,但保留滚动效果
//  * $Author   Martinsun<syh$sunyonghong.com>
//  * $DateTime 2019-05-17
//  * $param    $scrollcontent 元素
//  *
@mixin scrollbar($scrollcontent) {

  // webkit内核
  #{$scrollcontent}::-webkit-scrollbar {
    display: none;
  }

  #{$scrollcontent}::-webkit-scrollbar {
    width: 0px;
    height: 0px;
  }

  #{$scrollcontent}::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }

  // o内核
  #{$scrollcontent} .-o-scrollbar {
    -moz-appearance: none !important;
    background: rgba(0, 255, 0, 0) !important;
  }

  #{$scrollcontent}::-o-scrollbar-button {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-o-scrollbar-track {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-o-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-o-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-o-scrollbar-corner {
    background-color: rgba(0, 0, 0, 0);
  }

  #{$scrollcontent}::-o-scrollbar-resizer {
    background-color: rgba(0, 0, 0, 0);
  }

  // IE10+
  #{$scrollcontent} {
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
  }
}